<template>
  <div class="setting">
    <h1>设置</h1>
    <el-tabs tab-position="left">
      <el-tab-pane label="个人资料" class="content">
        <PersonalData />
      </el-tab-pane>
      <!-- <el-tab-pane label="更改密码" class="content">
        <Password></Password>
      </el-tab-pane>
      <el-tab-pane label="账号和安全" class="content">
        <el-button type="danger" :icon="Delete" @click="cancelAccount">注销账号</el-button>
      </el-tab-pane> -->
    </el-tabs>
  </div>
</template>
<script setup lang="ts">  
import PersonalData from "./PersonalData.vue";

</script>
<style lang="scss" scoped>
.setting {
  width: max-content;
  min-width: 500px;
}
</style>